<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的收藏</title>
    <link rel="stylesheet" href="sc.css">
    <link rel="stylesheet" href="bootstrap/bootstrap.min.css">
</head>
<body>
<div class="top">
    <div class="left">
        <img src="img/1.png" alt="">
    </div>
    <div class="right">
        <button>搜索</button>
        <input type="text">
        <img src="img/3.png" alt="">
    </div>
    
</div>
<div class="tip">
    <div class="a">
        <a>全部宝贝</a>
        <a>失效宝贝</a>
        <a>同店宝贝</a>
    </div>
    <div class="b">
        <img src="img/搜索.png" alt="">
        <input type="text" placeholder="宝贝搜索">
        <button>批量管理</button>
    </div>
</div>
<div class="middle" style="width: 85%;margin: 0 auto">
    <table class="table table-bordered" >
        <tr>
            <th>编号</th>
            <th>图片</th>
            <th>名称</th>
            <th>店铺</th>
            <th>价格</th>
            <th>操作</th>
        </tr>
        <tr>
            <th>1</th>
            <th><img src="img/6.jpg" alt="" style="width: 50px;height: 30px"></th>
            <th>李宁</th>
            <th>火云鞋神</th>
            <th>1099</th>
            <th>有效</th>
        </tr>
        <tr>
            <th>2</th>
            <th><img src="img/4.jpg" alt="" style="width: 50px;height: 30px"></th>
            <th>阿迪达斯</th>
            <th>火云鞋神</th>
            <th>1099</th>
            <th>有效</th>
        </tr>
        <tr>
            <th>3</th>
            <th><img src="img/5.jpg" alt="" style="width: 50px;height: 30px"></th>
            <th>彪马</th>
            <th>火云鞋神</th>
            <th>1099</th>
            <th>有效</th>
        </tr>
        <tr>
            <th>4</th>
            <th><img src="img/6.jpg" alt="" style="width: 50px;height: 30px"></th>
            <th>李宁</th>
            <th>火云鞋神</th>
            <th>1099</th>
            <th>有效</th>
        </tr>
    </table>
</div>
</body>
</html>